<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>分帧标记</title>
  <style>
    body, html, div{
      padding:0;
      margin:0;
    }
  </style>
</head>

<!-- 设置overhiden 暂缓之计 排查哪里多出来1像素 -->
<body style="overflow-x: hidden;">
  <div id="app"></div>
  <script type="text/javascript">
    var MediaInfoJs = document.createElement('script');
    if ('WebAssembly' in window) {
      MediaInfoJs.src = "./static/wasm/MediaInfoWasm.js";
    }
    document.body.appendChild(MediaInfoJs);
    MediaInfoJs.onload = function () {
      var MediaInfoModule, MI, processing = false;

      var finish = function () {
        MI.Close();
        MI.delete();
        processing = false;
      }

      // Examples about how to get results
      var showResult = function () {
        finish();
      }

      var parseFile = function (file, callback) {
        if (processing) {
          return;
        }
        processing = true;
        MI = new MediaInfoModule.MediaInfo();
        MI.Open(file, callback);
      }

      MediaInfoModule = MediaInfoLib({
        'postRun': function () {
          console.debug('MediaInfo ready')
        }
      });
    };
  </script>
</body>

</html>